<template>
  <div>
    <Uediter
      ref="ued"
      :value="ueditor.value"
      :config="ueditor.config"
    /> <!-- 编辑器 -->
    <input
      type="button"
      value="获取编辑器内容"
      @click="getContent"
    >
  </div>
</template>
<script>
import Uediter from '@/components/ueditor/'
export default {
  components: { Uediter },
  data() {
    return {
      ueditor: {
        value: '编辑器默认内容', // 编辑器默认内容
        config: { // 设置编辑器宽高
          initialFrameWidth: null,
          initialFrameHeight: 350,
          UEDITOR_HOME_URL: '/static/ueditor/', // 为编辑器实例添加一个路径，这个不能被注释
          serverUrl: 'http://127.0.0.1:8000/upload' // 服务器统一请求接口路径
        }
      }
    }
  },
  methods: {
    getContent() {
      console.log(this.$refs.ued.getUEContent())
    }
  }
}
</script>
